<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/css.css">
    <script src="js/jQuery.js"></script>
</head>

<body class="sy_bg">

    <!--main start-->
    <div class="sy_tz">
    	<ul>
            <li><a href="#">通知通知通知通知公司举办联谊会活动通知</a></li>
            <li><a href="#">通知通知通知通知公司举办联谊会活动通知通知通知通知通知公司举办联谊会活动通知</a></li>
            <li><a href="#">通知通知通知通知公司举办联谊会活动通知</a></li>
            <li><a href="#">通知通知通知通知公司举办联谊会活动通知</a></li>
            <li><a href="#">通知通知通知通知公司举办联谊会活动通知</a></li>
        </ul>
    </div>
    <div class="sy_two">
    	<img src="images/004.png">
    </div>
    <ul class="sy_one">
        <li>
        	<a href="#">
                <span class="s1"><img src="images/img1.png" class="img"></span>
                心动我的人
            </a>
        </li>
        <li>
        	<a href="#">
                <span class="s2"><img src="images/img2.png" class="img"></span>
                我心动的人
            </a>
        </li>
        <li>
        	<a href="#">
                <span class="s3"><img src="images/img3.png" class="img"></span>
                系统推荐
            </a>
        </li>
    </ul>
    <div class="lb_one">
        <div class="item">
            <ul id="lb_one" class="content-slider">
                <li>
                	<div class="top">
                        <span>一起游戏</span>
                        <span>养生</span>
                        <span>双眼皮</span>
                        <span>处女座</span>
                    </div>
                    <div class="img"><img src="images/001.png"></div>
                    <div class="dz">
                        <span>南京距你8.5km</span>
                    </div>
                    <div class="sy_three">
                        <div class="li">
                            <img src="images/img4.png">
                            <span>观察</span>
                        </div>
                        <div class="li">
                            <img src="images/img5.png">
                            <span>特别心动</span>
                        </div>
                        <div class="li">
                            <img src="images/img6.png">
                            <span>心动</span>
                        </div>
                    </div>
                </li>
                <li>
                	<div class="top">
                        <span>一起游戏</span>
                        <span>养生</span>
                        <span>双眼皮</span>
                        <span>处女座</span>
                    </div>
                    <div class="img"><img src="images/001.png"></div>
                    <div class="dz">
                        <span>南京距你8.5km</span>
                    </div>
                    <div class="sy_three">
                        <div class="li">
                            <img src="images/img4.png">
                            <span>观察</span>
                        </div>
                        <div class="li">
                            <img src="images/img5.png">
                            <span>特别心动</span>
                        </div>
                        <div class="li">
                            <img src="images/img6.png">
                            <span>心动</span>
                        </div>
                    </div>
                </li>
                <li>
                	<div class="top">
                        <span>一起游戏</span>
                        <span>养生</span>
                        <span>双眼皮</span>
                        <span>处女座</span>
                    </div>
                    <div class="img"><img src="images/001.png"></div>
                    <div class="dz">
                        <span>南京距你8.5km</span>
                    </div>
                    <div class="sy_three">
                        <div class="li">
                            <img src="images/img4.png">
                            <span>观察</span>
                        </div>
                        <div class="li">
                            <img src="images/img5.png">
                            <span>特别心动</span>
                        </div>
                        <div class="li">
                            <img src="images/img6.png">
                            <span>心动</span>
                        </div>
                    </div>
                </li>
                <li>
                	<div class="top">
                        <span>一起游戏</span>
                        <span>养生</span>
                        <span>双眼皮</span>
                        <span>处女座</span>
                    </div>
                    <div class="img"><img src="images/001.png"></div>
                    <div class="dz">
                        <span>南京距你8.5km</span>
                    </div>
                    <div class="sy_three">
                        <div class="li">
                            <img src="images/img4.png">
                            <span>观察</span>
                        </div>
                        <div class="li">
                            <img src="images/img5.png">
                            <span>特别心动</span>
                        </div>
                        <div class="li">
                            <img src="images/img6.png">
                            <span>心动</span>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!--main end-->
    
    <!--menu start-->
    <div class="menu">
        <ul>
            <li class="sel">
                <a href="#">
                    <i class="i1"></i>
                    首页
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="img_pd"><img src="images/m2.png"></span>
                    立即配对
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="i3"></i>
					我的
                </a>
            </li>
        </ul>
    </div>
    <!--menu end-->
    
    <script src="js/lightslider.js"></script>
	<script type="text/javascript">
    $(function(){
        $("#lb_one").lightSlider({item:1,slideMove:1,loop:true,auto:false,mode:'slide',pause:4000,slideMargin:0});
		
		
        var num=$(".sy_tz").find("li").length;
        if (num>1) {
            setInterval(function(){ 
            $('.sy_tz ul').animate({
                marginTop:"-32px"
            },500,function(){
                $(this).css({marginTop : "0"}).find("li:first").appendTo(this);
            });
        }, 3000);
        }
                
    
    })
    </script>

</body>
</html>
